<template>
    <h1>实践修饰符</h1>
    <a @click.prevent="clickHandle" href="http://www.baidu.com"> 点击</a>

    <div @click="clickDiv">
        <p @click.stop="clickP">测试冒泡</p>
    </div>

</template>

<script>
export default {
    data() {
        return {
            count: 0
        }
    },
    methods: {
        clickHandle(e) {
            // e.preventDefault()
            console.log
            console
        },
        clickDiv() {
            console.log('div')
        },
        clickP(e) {
            // e.stopPropagation()
            console.log('p')
        }
    }
}
</script>